
<template>
   <view class="page">
    <view class="head">
      <view class="head-each-p">
        <view class="line"> 打造一个 <text class="text">"诚信、共享、协作" </text>的房产经纪人共享合作平台。  </view>
        <view class="line"> 房侦探实行经纪人<text class="text">邀约准入制 </text>。 </view>
      </view>
      <view class="head-each-p">
        <view class="line"> 每位注册的经纪人可通过专属邀请码， </view>
        <view class="line"> <text class="text">限额邀请5名</text>经纪人加入平台。 </view>
        <view class="line"> 每成功邀约的注册一名经纪人，将<text class="text">增加3个房源发布空间</text>。  </view>
        <view class="tip"> 备注:邀请额用完，邀请码自动失效。 </view>
      </view>
      <view class="head-each-p">
        <view class="line"> 为了履行 "诚信、共享、协作" 的平台宗旨。 </view>
        <view class="line">
          <text class="text">请珍惜、善用邀约名额</text>，未平台共筑一个良好的合作氛围。
        </view>
      </view>
    </view>
    <view class="canvas-area"> 
       <view class="share-img">  <image class="qr-code"></image>  </view>
    </view>
    <view class="center">
      <view class="share btn"> 分享邀请海报 </view>
    </view>
    <view class="appPng-warp"> <view class="appPng"> </view></view>
  </view>
</template>
<script> 
export default { 
  data() {
    return {
      search: "",
       
    };
  },
  mounted() {},
  methods: {
    doList() {},
  },
};
</script>  

<style> 


.head-each-p {
  margin: 20px 0;
  padding-left: 40px;
  font-size: 12px;
}
.tip {
  font-size: 12px;
  color: #ccc;
}
.line{
  margin: 10px 0;
}
.line>.text{
  font-weight: 600;
  
}
.share {
  background: #e20183;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  padding: 10px 50px;
  border-radius: 50px;
  margin: 10px;
}
.canvas-area{
  padding: 20px;
}
.share-img{
  height: 170VW;
  background: url(http://house-detective.oss-cn-guangzhou.aliyuncs.com/canvas-invate.png) center center / 100% 100%;
}
.qr-code{
  width: 40px;
  height: 40px;
  background: url(https://unsplash.it/100/100?random) center center / 100% 100%;
  position: relative;
  top: 150vw;
  left: 66.5vw;
}
</style>